/**
 * 搜索[输入框]组件
 */
Vue.component('search-input', {
    // 声明 props
    props: ['field', 'value'],
    template:
    '<div class="col-sm-3 search-display">' +
        '<div class="input-group">' +
        '<div class="input-group-btn">' +
        '   <button  class="btn btn-white" type="button">{{field}}</button>' +
        '</div>' +
        '   <input type="text" class="form-control" ref="input" :value="value" @input="$emit(' + "'input'" + ', $event.target.value)"  onkeyup="this.value=this.value.trim()"/>' +
        '</div>' +
    '</div>'
});

/**
 * 搜索[下拉框]组件
 */
Vue.component('search-select', {
    // 声明 props
    props: ['field', 'value', 'list'],
    template:
        '<div class="col-sm-3 search-display">' +
            '<div class="input-group">' +
            '    <div class="input-group-btn">' +
            '        <button  class="btn btn-white" type="button" >{{field}}</button>' +
            '    </div>' +
            '    <select class="input-small form-control selectpicker"  @change="change" >' +
            '        <option value="">{{pageData.select}}</option>          ' +
            '        <option v-for = "data in list" :value="data.key">{{data.value}}</option>' +
            '    </select>    ' +
            '</div>' +
        '</div>',

    mounted: function () {
        $(this.$el.children[0].children[1]).val(this.value);
    },
    methods: {
        change() {
            this.$emit('input', $(this.$el.children[0].children[1]).val());
            this.$emit('change', '')
        }
    },
    watch: {
        value: function (value) {
            $(this.$el.children[0].children[1]).val(this.value);
        }
    }
});


/**
 * 搜索提交按钮组件
 */
Vue.component('search-submit', {
    props: ['field'],
    template:
            '<div class="col-sm-3">' +
                '<button type="button" style="margin-left:10px" id="btn_query" class="btn btn-primary"  @click="searchClick">{{field}}</button>' +
                '<button type="button" style="margin-left:10px" id="btn_query" class="btn btn-primary"  @click="resetClick">重置</button>' +
                '<button type="button" style="margin-left:10px" id="btn_expansion" class="btn btn-primary"  @click="expansionClick" showed="true">展开</button>' +
            '</div>',
    methods: {
        searchClick() {
            this.$emit('searchsubmit', '')
        },
        resetClick() {
            this.$emit('reset', '')
        },
        expansionClick(){
            this.$emit('expansion', '')
        }
    }
});

/**
 * 搜索组件
 */
Vue.component('search-component', {
    template:
    '<div id="searchDiv">' +
        '<div class="panel panel-default">' +
            '<div >' +
                '<form id="formSearch" class="form-horizontal">' +
                '<div class="form-group" >' +
                    '<slot></slot>' +
                '</div>' +
                '</form>' +
            '</div>' +
        '</div' +
    '</div>'
});

/**
 * 权限组件
 */
Vue.component('permission', {
    props: ['field'],
    template:
        '<div class="grid-btn" id="toolbar">' +
            '<a id="save" v-if="hasPermission(permissionType.add)" class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;{{pageData.add}}{{field}}</a>' +
            '<a id="update" v-if="hasPermission(permissionType.update)" class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;{{pageData.update}}</a>' +
            '<a id="delete" v-if="hasPermission(permissionType.delete)" class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;{{pageData.delete}}</a>' +
            '<a id="submit" v-if="hasPermission(permissionType.submit)" class="btn btn-primary" @click="submit"><i class="fa fa-hand-pointer-o"></i>&nbsp;{{pageData.auditSubmit}}</a>' +
            '<a id="auditpass" v-if="hasPermission(permissionType.auditpass)" class="btn btn-primary" @click="auditpass"><i class="fa fa-check-circle"></i>&nbsp;{{pageData.auditPass}}</a>' +
            '<a id="auditnopass" v-if="hasPermission(permissionType.auditnopass)" class="btn btn-primary" @click="auditnopass"><i class="fa fa-minus-circle"></i>&nbsp;{{pageData.auditNoPass}}</a>' +
        '</div>',
    methods: {
        add() {
            this.$emit('add', '')
        },
        update() {
            this.$emit('update', '')
        },
        del() {
            this.$emit('del', '')
        },
        submit() {
            this.$emit('submit', '')
        },
        auditpass() {
            this.$emit('auditpass', '')
        },
        auditnopass() {
            this.$emit('auditnopass', '')
        },
    }
});

/**
 * 编辑[表单]组件
 */
Vue.component('defaultform2', {
    props: ['showList', 'title'],
    template:
    '<div  class="panel panel-default">' +
        '<div class="panel-heading">{{title}} <a class="ml10" href="javascript:void(0)"  data-toggle="tooltip" @click="reload"><i class="fa fa-arrow-left"></i></a></div>' +
        '<form id="defaultForm" class="form-horizontal" enctype="multipart/form-data"  @submit.prevent="saveOrUpdate">' +
            '<slot></slot>' +
            '<div class="form-group">' +
                '<div class="col-sm-4 control-label"></div>' +
                '<input id="validateBtn" type="button" class="btn btn-primary" @click="saveOrUpdate"  :value="pageData.sure"/>&nbsp;&nbsp;' +
                '<input type="button" class="btn btn-warning" @click="reload" :value="pageData.return"/>' +
            '</div>' +
        '</form>' +
    '</div>',
    methods: {
        reload() {
            this.$emit('reload', '')
        },
        saveOrUpdate() {
            this.$emit('submit', '')
        }
    }
});


Vue.component('defaultform', {
    props: ['showList', 'title'],
    template:
        '<div class="ibox float-e-margins"> ' +
            '<div class="ibox-title">' +
                '<h5>新增</h5>' +
                    '<div class="ibox-tools">' +
                    '<a class="collapse-link" @click="reload">' +
                         '<i class="fa fa-hand-o-left"></i>' +
                    '</a>' +
                    '<a class="collapse-link">' +
                        '<i class="fa fa-chevron-up"></i>' +
                    '</a>' +
                    '<a><i class="fa fa-trash-o" @click="cleanEdit"></i></a>' +
                '</div>' +
            '</div>' +
            '<div class="ibox-content">' +
                ' <div class="panel panel-default">' +
                    '   <form id="defaultForm" class="form-horizontal" enctype="multipart/form-data" @submit.prevent="saveOrUpdate">' +
                        '    <slot></slot>' +
                        '    <div class="form-group">' +
                            '     <div class="col-sm-4 control-label"></div>' +
                            '     <input id="validateBtn" type="button" class="btn btn-primary" @click="saveOrUpdate" :value="pageData.sure" style="margin-left: 20px;" />' +
                            '     <input type="button" class="btn btn-warning" @click="reload" :value="pageData.return" style="margin-left: 10px;" />' +
                        '    </div>' +
                    '   </form>' +
                '  </div>' +
            '</div>'+
        '</div>',
    methods: {
        reload() {
            this.$emit('reload', '')
        },
        saveOrUpdate() {
            this.$emit('submit', '')
        }
    }
})


/**
 * 编辑页[输入框]组件
 */
Vue.component('rojao-input', {
    props: ['field', 'name', 'placeholder', 'value'],
    template:
    '<div class="form-group">' +
        '<div class="col-sm-2 control-label">{{field}}</div>' +
        '<div class="col-sm-6">' +
        '<input type="text" class="input-small form-control" :name="name"  :placeholder="placeholder" ref="input" :value="value" @input="$emit(' + "'input'" + ', $event.target.value)"/>' +
        '</div>' +
    '</div>',
    mounted: function () {
        console.log(this.name);
        $('input[name=' + this.name + ']').on("input propertychange",function(){
            console.log( $('input[name=' + this.name + ']').val());
        })
    },
    watch: {

    }
});

/**
 * 编辑页[关联选择--单选]组件
 */
Vue.component('select-input', {
    props: ['field', 'name', 'placeholder', 'value', 'assiotshow'],
    template:
        '  <div class="form-group">' +
            '   <div class="col-sm-2 control-label">' +
            '        {{field}}' +
            '   </div>' +
            '   <div class="col-sm-3">' +
            '        <input type="text" readonly="readonly" style="-webkit-box-shadow: 0 0 0px 0px white inset!important;" class="input-small form-control" :name="name" :placeholder="placeholder" ref="input" :value="value" @input="$emit(\'input\', $event.target.value)" />' +
            '   </div>' +
            '   <div class="col-sm-1" style="text-align: left">' +
            '       <button type="button" class="btn btn-primary" @click="assiot" id="btn-query">{{pageData.assiot}} </button>' +
            '   </div>' +
        '  </div>',
       /* `
		        <div class="form-group">
				     	<div class="col-sm-2 control-label">{{field}}</div>
				     	<div class="col-sm-3">
		              		<input type="text" readonly="readonly" style="-webkit-box-shadow: 0 0 0px 0px white inset!important;" class="input-small form-control" :name="name" :placeholder="placeholder" ref="input" :value="value" @input="$emit('input', $event.target.value)"/>
					    </div>
		                <div class="col-sm-1" style="text-align: left">
		              		<button type="button" class="btn btn-primary" @click="assiot"  id="btn-query">{{pageData.assiot}} </button>
		                </div>
		         </div>
	         `,*/
    methods: {
        assiot() {
            this.$emit('assiot', '');
        }
    }
});

/**
 * 编辑页[关联选择--多选文本]组件
 */
Vue.component('select-textarea', {
    props: ['field', 'name', 'placeholder', 'value', 'list', 'idkey', 'val'],
    template:
        '<div class="form-group">' +
            '<div class="col-sm-2 control-label">{{field}}</div>' +
            '<div class="col-sm-6">' +
                '<div style="border: 1px solid; height: 150px;overflow: auto;"   >' +
                    '<label v-for="data in list" style="float:left;" > ' +
                        '<input type="checkbox" :value="data[idkey]" :name="name"  @change="change" />{{data[val]}}' +
                    '</label>' +
                '</div>' +
            '</div>' +
            '<div class="col-sm-3">' +
               '<a class="btn btn-primary" @click="assiot"> ' +
            '</div>' +
        '</div>',
   /*     `
				    <div class="form-group">
					      <div class="col-sm-2 control-label">{{field}}</div>
				     	  <div class="col-sm-3">
			     				<div style="border: 1px solid; height: 150px;overflow: auto;"   >
					     				<label v-for="data in list" style="float:left;" >
				              				 <input type="checkbox" :value="data[idkey]" :name="name"  @change="change" />{{data[val]}}
				              			</label>
		              	        </div>
				          </div>
				          <div class="col-sm-3">
				          		<a class="btn btn-primary" @click="assiot">{{pageData.assiot}}</a>
				          </div>
				    </div>
	         `,*/
    methods: {
        assiot() {
            this.$emit('assiot', '');
        },
        change() {
            var vals = [];
            $('input[name=' + this.name + ']:checkbox:checked').each(function (index, item) {
                vals.push($(this).val());
            });
            this.$emit('input', vals);
            this.$emit('change', '');
        }
    },
    mounted: function () {
    },
    watch: {
        value: function (value) {
            var name = this.name;
            setTimeout(function () {
                $('input[name=' + name + ']:checkbox').prop("checked", function (i) {
                    if ($.inArray($(this).val(), value) >= 0) {
                        return true;
                    } else {
                        return false;
                    }
                });
            }, "50");
        }
    }
});

/**
 * 编辑页[下拉框]组件
 */
Vue.component('rojao-select', {
    props: ['id', 'name', 'list', 'field', 'value'],
    template:
        '  <div class="form-group"> ' +
            '   <div class="col-sm-2 control-label">' +
            '       {{field}}' +
            '   </div> ' +
            '   <div class="col-sm-3"> ' +
            '       <select :id="id" :name="name" class="input-small form-control selectpicker" @change="change" data-style="btn-primary"> ' +
            '           <option value="">{{pageData.select}}</option> <option v-for="data in list" :value="data.key">{{data.value}}</option> ' +
            '       </select> ' +
            '   </div> ' +
        '  </div>',
        /*`
				    <div class="form-group">
					     	<div class="col-sm-2 control-label">{{field}}</div>
					     	<div class="col-sm-3">
			              		<select :id="id" :name="name" class="input-small form-control selectpicker" @change=change data-style="btn-primary">
							    		<option value="">{{pageData.select}}</option>
			  							<option v-for = "data in list" :value="data.key">{{data.value}}</option>
			  					</select>
			                 </div>
			        </div>
			       `,*/
    mounted: function () {
        $(this.$el.children[1].children[0]).val(this.value);
        //使用bootstrap-select时
        var obj = this;
        console.log(this.name);
        $('select[name=' + this.name + ']').on('changed.bs.select',function(e){
            obj.$emit('input', e.target.value);
        });
    },
    methods: {
        change() {
            this.$emit('input', $(this.$el.children[1].children[0]).val());
            this.$emit('change', '')
        }
    },
    watch: {
        value: function (value) {
            $(this.$el.children[1].children[0]).val(this.value);
            $('select[name=' + this.name + ']').selectpicker('val',this.value);
        }
    }
});


/**
 * 编辑页[复选框]组件
 */
Vue.component('rojao-checkbox', {
    props: ['list', 'name', 'field', 'value'],
    //  template : "<select :multiple='multiple' class='selectpicker' data-live-search='true' title='请选择' data-live-search-placeholder='搜索'><option :value='option.value' v-for='option in options'>{{ option.label }}</option></select>",
    template:
    '  <div class="form-group"> ' +
        '   <div class="col-sm-2 control-label">' +
        '       {{field}}' +
        '   </div> ' +
        '   <div class="col-sm-6"> ' +
        '       <label v-for="data in list"> <input type="checkbox" class="input-small" :name="name" :value="data.key" @change="change" /><label>{{data.value}}</label>&nbsp;&nbsp; </label> ' +
        '   </div> ' +
    '  </div>',
     /*   `
				    <div class="form-group">
					     	<div class="col-sm-2 control-label">{{field}}</div>
					     	<div class="col-sm-6">
			              		<label v-for = "data in list">
		     							<input type="checkbox" class="input-small"  :name="name" :value="data.key" @change="change" /><label>{{data.value}}</label>&nbsp;&nbsp;
		     					</label>
			                </div>
		            </div>
			       `,*/
    methods: {
        change() {
            var vals = [];
            console.log(this.name);
            $('input[name=' + this.name + ']:checkbox:checked').each(function (index, item) {
                console.log($(this).val());
                vals.push($(this).val());
            });
            this.$emit('input', vals);
            this.$emit('change', '');
        }
    },
    watch: {
        value: function (value) {
            console.log(value);
            $('input[name=' + this.name + ']:checkbox').prop("checked", function (i) {
                if ($.inArray($(this).val(), value) >= 0) {
                    $(this).iCheck('check');
                    return true;
                } else {
                    $(this).iCheck('uncheck');
                    return false;
                }
            });

        }
    },
    mounted: function () {
        setICheck(this.name);
        var obj = this;
        $('input[name=' + this.name + ']').on('ifChanged', function(event){
            var vals = [];
            $('input[name=' + this.name + ']:checkbox:checked').each(function (index, item) {
                vals.push($(this).val());
            });
            obj.$emit('input', vals);
            obj.$emit('change', '');
        });
    }
});


/**
 * 编辑页[单选框]组件
 */
Vue.component('rojao-radio', {
    props: ['list', 'name', 'field', 'value'],
    template:
        '  <div class="form-group"> ' +
            '   <div class="col-sm-2 control-label">' +
            '       {{field}}' +
            '   </div> ' +
            '   <div class="col-sm-6"> ' +
            '       <label v-for="data in list"> <input type="radio" :name="name" class="input-small" :value="data.key" @change="change" /><label>{{data.value}}</label>&nbsp;&nbsp; </label> ' +
            '   </div> ' +
        '  </div>',
      /*  `
				    <div class="form-group">
					     	<div class="col-sm-2 control-label">{{field}}</div>
					     	<div class="col-sm-6">
			                	<label v-for = "data in list">
					     			<input type="radio" :name="name" class="input-small"  :value="data.key"  @change="change" /><label>{{data.value}}</label>&nbsp;&nbsp;
					     		</label>
			                </div>
			        </div>
			      `,*/
    methods: {
        change() {
            this.$emit('input', $("input[name='" + this.name + "']:checked").val());
            this.$emit('change', '');
        }
    },
    watch: {
        value: function (value) {
            $("input[name='" + this.name + "']:radio").prop("checked", function (i) {
                if ($(this).val() == value) {
                    $(this).iCheck('check');
                    return true;
                } else {
                    $(this).iCheck('uncheck');
                    return false;
                }
            });
        }
    },
    mounted: function () {
        setICheck(this.name);
        var obj = this;
        $('input[name=' + this.name + ']').on('ifChanged', function(event){
            obj.$emit('input', $("input[name='" + this.name + "']:checked").val());
            obj.$emit('change', '');
        });
    }
});


/**
 * 编辑页[文本框]组件
 */
Vue.component('rojao-textarea', {
    props: ['name', 'field', 'value', 'placeholder'],
    template:
        '<div class="form-group"> ' +
        '   <div class="col-sm-2 control-label">' +
        '       {{field}}' +
        '   </div> ' +
        '   <div class="col-sm-6"> ' +
        '        <textarea class="input-small form-control" rows="3" style="resize:none;" :name="name" :placeholder="placeholder" :value="value" @input="$emit(\'input\', $event.target.value)"></textarea> ' +
        '   </div> ' +
        '</div>',
      /*  `
				    <div class="form-group">
					     	<div class="col-sm-2 control-label">{{field}}</div>
					     	<div class="col-sm-6">
					      		<textarea  class="input-small form-control" rows="3" style="resize:none;" :name="name" :placeholder="placeholder" :value="value" @input="$emit('input', $event.target.value)"></textarea>
					        </div>
					</div>
			      `*/
});


/**
 * 编辑页[时间控件]组件
 */
var beginTime = null;
var endTime = null;
Vue.component('rojao-time-start', {
    props: ['name', 'field', 'value', 'placeholder', 'id', 'endTimeId', 'min', 'max'],
    template:
        '<div class="form-group"> ' +
        '   <div class="col-sm-2 control-label">' +
        '       {{field}}' +
        '   </div> ' +
        '   <div class="col-sm-3"> ' +
        '       <input type="text" class="input-small form-control" :id="id" :name="name" readonly="readonly" :value="value" @input="$emit(\'input\', $event.target.value)" /> ' +
        '   </div> ' +
        '</div>',
       /* `
					<div class="form-group">
					     	<div class="col-sm-2 control-label">{{field}}</div>
					     	<div class="col-sm-3">
			              		<input type="text" class="input-small form-control" :id="id" :name="name" readonly="readonly" :value="value" @input="$emit('input', $event.target.value)"/>
			                </div>
			        </div>
			      `,*/
    mounted: function () {
        var vm = this;
        var bTimeMin = "1900-01-01 00:00:00";
        var eTimeMax = "2900-01-01 00:00:00";
        if (this.min != null) {
            if (this.min == 'now') {
                bTimeMin = new Date().getTime();
            } else {
                bTimeMin = this.min;
            }

        }
        if (this.max != null) {
            if (this.max == 'now') {
                eTimeMax = new Date().getTime();
            } else {
                eTimeMax = this.max;
            }

        }
        beginTime = laydate.render({
            elem: '#' + this.id,
            type: 'datetime',
            min: bTimeMin,
            max: eTimeMax,
            btns: ['now', 'confirm'],
            lang: lang,
            done: function (value, date) {
                if (endTime != null) {
                    if (value != '') {
                        date.month = date.month - 1;
                        endTime.config.min = date;
                    } else {
                        date.month = date.month - 1;
                        endTime.config.min = beginTime.config.min;
                    }
                }
                vm.$emit('input', value);
            }
        });

    },
    watch: {
        value: function (value, oldValue) {
            if (value != oldValue) {
                $("input[name='" + this.name + "']").val(value).change();
            }
        }
    }

});


Vue.component('rojao-time-end', {
    props: ['name', 'field', 'value', 'placeholder', 'id', 'startTimeId', 'min', 'max'],
    template:
        '<div class="form-group"> ' +
        '   <div class="col-sm-2 control-label">' +
        '       {{field}}' +
        '   </div> ' +
        '   <div class="col-sm-3"> ' +
        '       <input type="text" class="input-small form-control" :id="id" :name="name" readonly="readonly" :value="value" @input="$emit(\'input\', $event.target.value)" /> ' +
        '   </div> ' +
        '</div>',
       /* `
					<div class="form-group">
					     	<div class="col-sm-2 control-label">{{field}}</div>
					     	<div class="col-sm-3">
			              		<input type="text" class="input-small form-control" :id="id" :name="name" readonly="readonly" :value="value" @input="$emit('input', $event.target.value)"/>
			                </div>
			        </div>
			      `,*/
    mounted: function () {
        var vm = this;
        var bTimeMin = "1900-01-01 00:00:00";
        var eTimeMax = "2900-01-01 00:00:00";
        if (this.min != null) {
            if (this.min == 'now') {
                bTimeMin = new Date().getTime();
            } else {
                bTimeMin = this.min;
            }

        }
        if (this.max != null) {
            if (this.max == 'now') {
                eTimeMax = new Date().getTime();
            } else {
                eTimeMax = this.max;
            }

        }
        endTime = laydate.render({
            elem: '#' + this.id,
            type: 'datetime',
            min: bTimeMin,
            max: eTimeMax,
            btns: ['now', 'confirm'],
            lang: lang,
            done: function (value, date) {
                if (beginTime != null) {
                    if (value != '') {
                        date.month = date.month - 1;
                        beginTime.config.max = date;
                    } else {
                        date.month = date.month - 1;
                        beginTime.config.max = endTime.config.max;
                    }
                }
                vm.$emit('input', value);
            }
        });

    },
    watch: {
        value: function (value, oldValue) {
            if (value != oldValue) {
                $("input[name='" + this.name + "']").val(value).change();
            }
        }
    }
});


/**
 * [树形]组件
 */
Vue.component('rojao-tree', {
    props: ['name', 'value', 'id', 'url', 'idkey', 'pidkey', 'rootpid', 'displayname', 'dataparam', 'checkable'],
    template: '<div :id="id" class="ztree"></div>',
    mounted: function () {
        var url = this.url;
        var idKey = this.idkey;
        var pIdKey = this.pidkey;
        var rootPId = this.rootpid;
        var displayName = this.displayname;
        var dataParam = this.dataparam || 'treeList';
        var checkable = this.checkable || false;
        var $this = this;
        var setting = {
            data: {
                simpleData: {
                    enable: true,
                    idKey: idKey,        //ID
                    pIdKey: pIdKey,   //父ID
                    rootPId: rootPId,          //根节点
                },
                key: {
                    url: "nourl",
                    name: displayName,
                }
            },
            check: {
                enable: checkable,
                nocheckInherit: true
            },
            callback: {
                onClick: $this.zTreeOnClick,
                onCheck: $this.zTreeOnCheck
            }
        };
        var id = this.id;
        //加载菜单树
        $.get(url, function (r) {
            console.log(r[dataParam]);

            ztree = $.fn.zTree.init($("#" + id), setting, r[dataParam]);

        });
    },
    methods: {
        zTreeOnClick: function (event, treeId, treeNode) {
            this.$emit('click', treeNode);
        },
        zTreeOnCheck: function (event, treeId, treeNode) {
            var vals = [];
            var idKey = this.idkey;
            var treeObj = $.fn.zTree.getZTreeObj(treeId);
            var nodes = treeObj.getCheckedNodes(true);
            for (var i = 0; i < nodes.length; i++) {
                vals.push(nodes[i][idKey]);
            }
            this.$emit('input', vals);
        }
    },
    watch: {
        value: function (value, oldValue) {
            if (value != undefined) {
                var treeObj = $.fn.zTree.getZTreeObj(this.id);
                treeObj.checkAllNodes(false);
                var idkey = this.idkey;
                value.forEach(function (index) {
                    treeObj.checkNode(treeObj.getNodeByParam(idkey, index, null), true, true);
                });
            }
        }
    }
});

Vue.component('west-layout', {
    props: ['tip'],
    template:
        '<div class="main-content"> ' +
        '   <div class="box box-main"> ' +
            '    <div class="box-header"> ' +
                '     <div class="box-title"> ' +
                '           <i class="fa icon-grid"></i> {{tip}} ' +
                '     </div> ' +
            '    </div> ' +
            '    <div class="ui-layout-content"> ' +
            '           <slot></slot> ' +
            '    </div> ' +
        '   </div> ' +
        '</div>',
     /*   `
				<div class="main-content">
					<div class="box box-main">
						<div class="box-header">
							<div class="box-title">
								<i class="fa icon-grid"></i> {{tip}}
							</div>
						</div>
						<div class="ui-layout-content">
							 <slot></slot>
						</div>
					</div>
				</div>
	          `,*/
});
